﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>

<STYLE type="text/css">
.bestSellerItemContainer {
    background: url("http://cache1.allpostersimages.com/images/homepage/best_bk.jpg") repeat scroll 0 0 #CCCCCC;
    border: 1px solid #333333;
    display: table;
    height: 200px;
    overflow: hidden;
    width: 150px;
}

.bestSellerCarouselTxt {
    color: #000000;
    font-weight: bold;
    margin: 8px 0 0;
    width: 150px;
    text-align:center
}
.bestSellerCarouselPrice {
    color: #D12728;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-align:center
}

.itemBox {    
    border: 0 none;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
  
    
</STYLE>    
    
</head>
<body>
<table>
    <tr>
        <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
    </tr>
 <tr>
        <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
                <td>
            <div class="bestSellerItemContainer">
            <div class="itemBox" style="border: 1px solid #808080; width: 150px; height: 150px; background-image: none; background-position: center center; background-repeat: no-repeat;">
            <img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="150px" height="150px" alt="" />
            </div>
            <div class="bestSellerCarouselTxt" title="The Moon">The Moon</div>
            <div class="bestSellerCarouselPrice">$6.99</div>
        </td>
    </tr>        
</table>


</body>
</html>
